<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<link rel="stylesheet" href="../css/mui.min.css">
</head>

<body>
	<header class="mui-bar mui-bar-nav">
		<a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 id="title" class="mui-title">下拉刷新和上拉加载更多</h1>
	</header>
	<div class="mui-content"></div>
</body>
<script src="../js/mui.min.js"></script>
<script type="text/javascript">
	//启用双击监听
	mui.init({
		gestureConfig: {
			doubletap: true
		},
		subpages: [{
			url: 'pullrefresh_sub.html',
			id: 'pullrefresh_sub.html',
			styles: {
				top: '45px',
				bottom: '0px',
			}
		}]
	});

	var contentWebview = null;
	document.querySelector('header').addEventListener('doubletap', function () {
		if (contentWebview == null) {
			contentWebview = plus.webview.currentWebview().children()[0];
			console.log('contentWebview', contentWebview)
		}
		console.log('contentWebview', contentWebview)
		contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(0,0,100)");
	});
</script>

</html>